main {
    background-color: #f0f0f0;
    padding: 20px 0;
    min-height: 400px;
}

// 无商品
.no_cart {
    height: 420px;
    padding-top: 150px;
    display: none;

    .middle {
        margin: auto;
        width: 640px;
        height: 200px;

        img {
            float: left;
        }

        div {
            margin-top: 50px;
            margin-left: 30px;
            float: left;
            color: #BEBEBE;
            font-size: 14px;

            a {
                display: inline-block;
                background: #FC673E;
                width: 120px;
                text-align: center;
                font-size: 20px;
                height: 40px;
                left: 340px;
                line-height: 40px;
                color: #fff;
                margin-top: 40px;
            }
        }
    }

}

// 有商品
// .have_cart{
//     // display: none;
// }
.cart_table {
    table {
        margin: auto;
        background-color: #f0f0f0;
        margin-bottom: 20px;
    }

    thead {
        font-size: 20px;
        color: rgba(51, 51, 51, 1);
        font-weight: 700;
        margin-bottom: 10px;

        .xxx {
            text-align: center;
            background-color: #fff;
            height: 50px;
        }

        .aaa {
            height: 80px;
            text-align: left;
            text-indent: 20px
        }
    }

    tbody {
        background-color: #f0f0f0;
        margin: 10px 0;

        tr {
            border-top: 3px solid #f0f0f0;
            font-size: 14px;
            height: 106px;
            background-color: #fff;

            td {
                text-align: center;
            }

        }

        .goods_info {
            width: 350px;
        }

        img {
            border: 1px solid #ddd;
            border-radius: 5px;
            width: 70px;
            height: 70px;
            float: left;
        }

        .sss {
            width: 270px;
            float: left;
            overflow: hidden;
            line-height: 70px;
            text-indent: 20px;
            white-space: nowrap;
            text-overflow: ellipsis;

        }

        .price {
            color: #f33;
        }

        .sub,
        .add {
            display: inline-block;
            width: 28px;
            height: 28px;
            line-height: 28px;
            cursor: pointer;
            float: left;
            border: 1px solid rgba(221, 221, 221, 1);
        }

        .txt {
            width: 40px;
            height: 30px;
            border: none;
            text-align: center;
            float: left;
            box-sizing: border-box;
            border-top: 1px solid rgba(221, 221, 221, 1);
            border-bottom: 1px solid rgba(221, 221, 221, 1);

        }

        .del {
            cursor: pointer;
        }

    }
}

.xxx th:nth-child(1) {
    width: 62px;
    height: 50px
}

.xxx th:nth-child(2) {
    width: 352px;
    height: 50px
}

.xxx th:nth-child(3) {
    width: 174px;
    height: 50px
}

.xxx th:nth-child(4) {
    width: 111px;
    height: 50px
}

.xxx th:nth-child(5) {
    width: 102px;
    height: 50px
}

.xxx th:nth-child(6) {
    width: 111px;
    height: 50px
}

.xxx th:nth-child(7) {
    width: 106px;
    height: 50px
}

.cart_footer {
    width: 1018px;
    height: 72px;
    background-color: #fff;
    margin: 0 auto;
    line-height: 70px;
    font-size: 14px;
    color: rgba(51, 51, 51, 1);

    .left {
        float: left;

        input {
            cursor: pointer;
            display: inline-block;
            height: 13px;
            vertical-align: middle;
            width: 13px;
            margin-left: 24px;

        }

        .dlAll {
            margin-left: 26px;
            cursor: pointer;
        }

        a {
            margin-left: 26px;
            color: rgb(253, 100, 100);
        }
    }

    .right {
        float: right;

        div {
            float: left;
        }

        .allNum {
            margin-right: 30px;

            .totalNum {
                color: #f33;

            }

        }

        .allCount {
            color: #f33;
        }

        .calc {
            margin: 10px 60px;
            width: 160px;
            height: 50px;
            border-radius: 6px;
            background-color: rgba(255, 102, 51, 1);
            color: #fff;
            cursor: pointer;
            display: block;
            text-align: center;
            font-size: 20px;
            height: 50px;
            line-height: 50px;
        }
    }



}